<template>
  <h2>个人信息</h2>
  <!-- 既然指令是vue提供的特殊的html属性，所以咱们写的时候就当成属性来用即可 -->
  <div v-text="uname"></div>
  <div v-html="intro"></div>
  <div>{{ age }}</div>
  <button>啦啦啦</button>
  <!-- 写了一行注释 -->
   <div>你好啊</div>
</template>

<script setup lang="ts">
import { ref } from 'vue'
//加了一行注释
const age = 18
const uname = ref('张三')
const intro = ref('<h2>这是一个<strong>非常优秀</strong>的boy<h2>')
</script>
